<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>

// https://www.runoob.com/jsref/dom-obj-event.html
// onchange	HTML 元素改变
// onclick	用户点击 HTML 元素
// onmouseover	用户在一个HTML元素上移动鼠标
// onmouseout	用户从一个HTML元素上移开鼠标
// onkeydown	用户按下键盘按键
// onload	浏览器已完成页面的加载
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("需要输入名字。");
        return false;
    }
}
</script>
</head>
<body>

<form name="myForm" action="demo_form.php"
onsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>

</body>
</html>